
<i ng-if="::!item.avatar" class="item-image icon ion-android-people"></i>
<i ng-if="::!item.avatar" class="item-image icon-secondary ion-android-lock" style="left: 20px; top: 17px; font-size: 19px; color: #d9d9d9;"></i>
<i ng-if="::item.avatar" class="item-image avatar" style="background-image: url({{::item.avatar.src}})"></i>

<h2 ng-bind-html=":rebind:item.name"></h2>

<!-- creation time-->
<h4 class="gray">
  <i class="ion-clock"></i>
  {{:rebind:'GROUP.CREATED_TIME'|translate: item }}
</h4>

<!-- membersCount -->
<h4 class="dark pull-left" ng-if=":rebind:item.membersCount">
  <i class="dark ion-person"></i>
  <span class="dark">+{{:rebind:item.membersCount}}</span>
</h4>

<h4 class="dark">
  <span class="dark" ng-if="::item.description">
    <i class="ion-quote"></i>
    {{::item.description|truncText}}
  </span>
</h4>
<h4 ng-if="::item.tags">
  <span ng-if="::item.tags" class="dark">
   <ng-repeat ng-repeat="tag in ::item.tags">
     #<ng-bind-html ng-bind-html="::tag"></ng-bind-html>
   </ng-repeat>
  </span>
</h4>
